// 加载loading
.loading_main {
    width: 100%;
    min-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading_box {
    width: 40px;
    height: 40px;
    display: block;
    animation: 1.4s linear 0s infinite normal none running rotate;
    color: rgba(0, 0, 0, 0.2);
}

.loading_con {
    display: block;
}

.loading_circle {
    stroke: currentcolor;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0;
    animation: 1.4s ease-in-out 0s infinite normal none running rotate1;
}

@keyframes rotate {
    from {
        transform: rotateZ(0deg);
        /*transform: rotateX(0deg);*/
    }

    to {
        transform: rotateZ(360deg);
        /*transform: rotateX(360deg);*/
    }

}

@keyframes rotate1 {
    0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -15px;
    }

    100% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -125px;
    }
}